<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title data-localize="labMg_modifyLab"></title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="./style/page.css">
    <link rel="stylesheet" href="style/modifyLab.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">
        var Role = '<%=session.getAttribute("password") %>';
        var User = '<%=session.getAttribute("username")%>';
        var UserID = '<%=session.getAttribute("userid")%>';
    </script>
</head>

<body>
    <div id="container" class="container-fluid">

        <div class="infodiv">
            <a href='./LabManager?lid=<%=request.getParameter("lid")%>'>
                        <span class="glyphicon glyphicon-arrow-left" style="font-size: 20px;"></span>
                    </a>
            <div class="subInfoDiv">
                <ul class="nav  styleNav clearfix displaynone" role="tablist">
                    <li role="presentation" class="" id="li_step1"><img src="imgs/时间轴－1-选中.png">
                        <a role="tab" data-target="#step1" data-toggle="tab" style="color:#20bf87" data-localize="nav_craetLab"></a>
                        <hr class="greenHr" />
                    </li>
                    <li role="presentation" class="" id="li_step2"><img src="imgs/时间轴－2-选中.png">
                        <a role="tab" data-target="#step2" data-toggle="tab" style="color:#28bdff" data-localize="lab_dataupload"></a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane fade in active" id="step1">
                        <div>
                            <div class="labinfo">
                                <h5 data-localize="lab_labinfo"></h5>
                            </div>
                            <div>
                                <div class="form-inline form-group">
                                    <label for="labName" data-localize="lab_labName" class="lablabel"></label>

                                    <input type="text" class="form-control" id="labName" placeholder="">

                                </div>
                                <div class="form-inline form-group" style="display:none">
                                    <label for="labScore" data-localize="st_score" class="lablabel"></label>

                                    <input type="text" class="form-control" id="labScore" placeholder="" value="100">

                                </div>
                                <div class="form-inline form-group" style="display:none">
                                    <label for="labType" data-localize="lab_type" class="lablabel"></label>

                                    <select id="labType" class="form-control" disabled="disabled">


                                        </select>

                                </div>
                                <div class="form-inline form-group">
                                    <label for="labdescribe" data-localize="lab_labDescribe" class="lablabel" id="describe_label"></label>
                                    <textarea class="form-control" id="labdescribe" rows="5" placeholder=""></textarea>
                                </div>
                            </div>
                            <div>
                                <div class="labinfo">
                                    <h5 data-localize="lab_dataupload"></h5>
                                </div>
                                <div class="mBtoom">
                                    <div class="">
                                        <h4 data-localize="lab_labdata" class="moreMargin nextBtnDiv"></h4>
                                        <div class="form-inline">
                                            <div class="form-group" style="width:100%">
                                                <label class="lablabel" data-localize="lab_dataName"></label>
                                                <input type="text" id="labmethdName" class="form-control">
                                                <input type="file" id="labfile_workspace" name="file" style="display:inline-block;" accept=".zip,.rar" onchange="dataFile(this)">
                                                <input type="button" class="btn nextBtn " id="labmethd" data-localize="lab_upload" onclick="step2_upload_data()">
                                                <label class="uploadedP nomaltext" id="uploadedP_data"><span  data-localize="lab_uploadedFile"></span></label>
                                                <label id="dataStatus" class="nomaltext"></label>
                                            </div>

                                        </div>


                                    </div>
                                    <div class="">
                                        <h4 data-localize="lab_labmethd" class="moreMargin nextBtnDiv"></h4>
                                        <div class="form-inline">
                                            <div class="form-group" style="width:100%">
                                                <label class="lablabel" data-localize="lab_docName"></label>
                                                <input type="text" class="form-control" id="labdataName">
                                                <input type="file" id="labfile_doc" style="display:inline-block;" name="file" onchange="docFile(this)">
                                                <input type="button" class="btn nextBtn " id="labdata" data-localize="lab_upload" onclick="step2_upload_doc()">
                                                <label class="uploadedP nomaltext" id="uploadedP_doc"><span  data-localize="lab_uploadedFile"></span></label>
                                                <label id="docStatus" class="nomaltext"></label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="">
                                        <h4 data-localize="cl_lessonVideo" class="nextBtnDiv moreMargin"></h4>
                                        <div class="form-inline">
                                            <div class="form-group" style="width:100%">
                                                <label class="lablabel" data-localize="cl_lessonVideoPath"></label>
                                                <input type="text" class="form-control" id="labVideoName">
                                                <input type="text" class="form-control" id="labfile_video" data-localize="lab_videoURL">
                                                <!--<input type="file" id="labfile_video" style="display: inline-block;" name="labfile_video" onchange="videoFile(this)">-->
                                                <input type="button" class="btn nextBtn" id="labdata" data-localize="lab_upload" onclick="step2_upload_video()">
                                                <label class="uploadedP nomaltext" id="uploadedP_vdo"><span  data-localize="lab_uploadVideo"></span></label>
                                                <label id="videoStatus" class="nomaltext"></label>
                                            </div>
                                        </div>
                                    </div>
                                    <!--<div class="nextBtnDiv"><a type="button" class="btn nextBtn mTop" data-localize="lc_saveandreturn" onclick="saveAndReturn()"></a></div>-->
                                </div>
                                <div class="nextBtnDiv">
                                    <input type="button" class="btn nextBtn" data-localize="kc_btn_save" onclick="gotoStep2()">
                                    <input type="button" class="btn nextBtn" data-localize="nv_re" onclick="saveAndReturn()">
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="step2">

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="uploadPercentModal" tabindex="-1" role="dialog" data-backdrop="static">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">

                        <h4 class="modal-title" data-localize="lab_uploadPercent"></h4>
                    </div>
                    <div class="modal-body">
                        <div class="progress">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"
                                style="width: 100%">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                    </div>
                </div>
            </div>
        </div>

        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
        <script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
        <script src="script/jquery.i18n.properties.min.js"></script>
        <script src="script/jquery.i18n.init.js"></script>
        <script src="script/ajaxfileupload_zhang.js"></script>
        <script src="script/layerui/layer.js"></script>
        <script src="script/modifyLab.js"></script>
</body>

</html>